<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

 <head th:replace="admin/_admin_framt::head(Z博客后台)">
 <meta charset="utf-8" /> 
 <meta http-equiv="X-UA-Compatible" content="IE=edge"/> 
 <meta name="viewport" content="width=device-width, initial-scale=1"/> 
<title>博客后台</title>

    <!--Bootstrap -->
	<link  rel="stylesheet" th:href="@{../bootstrap/css/bootstrap.min.css}"/> 
	<link  rel="stylesheet" th:href="@{../css/admin-side.css}"/> 
	<link  rel="stylesheet" th:href="@{../css/admin-main.css}"/> 
</head>
  
<body>
	<!--左侧-->
	<div id="admin-side" th:replace="admin/_admin_framt::admin-side">
		<!--左侧head-->
		<div id="admin-side-head">
			<div style="height: 60%;width:36% ;padding: 10px 10px;margin: 0 auto;">
				<img src="../image/10.png" class="img-circle" style="height: 100%;" />
			</div>
			<h3 style="margin: 0px;">ZKCBLOG</h3>
			<span>2020-08-16</span>
		</div>
		<!--左侧导航菜单-->
		<div id="admin-side-nav" class="list-group">
		  <a class="admin-side-item-1 list-group-item" data-toggle="collapse" data-target="#side-nav-menu1">
		  <span class="glyphicon glyphicon-file"></span>
		  博客管理
		  <span class="pull-right glyphicon glyphicon-menu-right"></span>
		  </a>
		  	<div id="side-nav-menu1" class="side-nav-menu collapse list-group">
		  		<a class="list-group-item" href="blogPage.html">博客列表</a>
		  		<a class="list-group-item">博客分类</a>
		  		<a class="list-group-item" href="pubBlog.html">博客发布</a>
		  	</div>
		  <a  class="admin-side-item-1 list-group-item" data-toggle="collapse" data-target="#side-nav-menu2">
		  	<span class="glyphicon glyphicon-user"></span>
		  用户管理
		  <span class="pull-right glyphicon glyphicon-menu-right"></span>
		  </a>
		  	<div id="side-nav-menu2" class="side-nav-menu collapse list-group">
		  		<a class="list-group-item">用户列表</a>
		  		<a class="list-group-item">角色管理</a>
		  	</div>
		  <a href="#" class="admin-side-item-1 list-group-item">
		  	<span class="glyphicon glyphicon-comment"></span>
		  评论管理
		  <span class="pull-right glyphicon glyphicon-menu-right"></span>
		  </a>
		  <a href="#" class="admin-side-item-1 admin-side-item-1 list-group-item">
		  	<span class="glyphicon glyphicon-picture"></span>
		  相册管理
		  <span class="pull-right glyphicon glyphicon-menu-right"></span>
		  </a>
		  <a href="#" class="admin-side-item-1 list-group-item">
		  	<span class="glyphicon glyphicon-cog"></span>
		  系统管理
		  <span class="pull-right glyphicon glyphicon-menu-right"></span>
		  </a>
		  <a href="#" class="admin-side-item-1 list-group-item">
		  	<span class="glyphicon glyphicon-leaf"></span>
		  系统监控
		  <span class="pull-right glyphicon glyphicon-menu-right"></span>
		  </a>
		  <a href="#" class="admin-side-item-1 list-group-item">
		  	<span class="glyphicon glyphicon-folder-open"></span>
		  文件管理
		  <span class="pull-right glyphicon glyphicon-menu-right"></span>
		  </a>
		</div>
	</div>
	<!--左侧结束-->

	<!--右侧-->
	<div id="admin-main">
	<!--右侧-导航条-->
		<header class="admin-header navbar-inverse" th:replace="admin/_admin_framt::admin-main-nav">
			<div class="container-fluid">
				<nav class="navbar navbar-inverse" style="width: 100%; margin: 5px 5px;border: 0px;">
					<div  style="display: inline-grid;" >
						<a id="logo" class="navbar-brand">
						<span class="glyphicon glyphicon-indent-left"></span>
						ZKCBlog
						</a>
						<button type="button" class="strbtn navbar-toggle collapsed pull-left" >
				        <span class="sr-only">Toggle navigation</span>
				        <span class="icon-bar" style="background: #fff"></span>
				        <span class="icon-bar" style="background: #fff"></span>
				        <span class="icon-bar" style="background: #fff"></span>
				    	</button>
					</div>
					<ul class="nav navbar-nav  pull-right nav-flex" >
					  	<li><a href="index.html">admin</a></li>
					   	<li><a href="archive.html">注销</a></li>
					</ul>
				</nav>
			</div>
		</header>
	<!--右侧-主体-->
		<ol class="breadcrumb" style="margin-bottom: 0px;">
		  <li><a href="admin-index.html">Home</a></li>
		  <li><a href="#">Library</a></li>
		  <li class="active">Data</li>
		</ol>

	<!--右侧-底部-->
	
	</div>
	<!--右侧结束-->

  <!-- js -->
<div th:replace="admin/_admin_framt::admin-js">
<!--     jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
<script th:src="@{../jquery/jquery-2.1.1.min.js}"></script>
<!--     加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
<script th:src="@{../bootstrap/js/bootstrap.min.js}"></script>  
<script th:src="@{../js/admin.js}"></script>  
</div>
</body>
  
</html>